import React from 'react';
import { SimpleLink } from '../wangTypes/index';

const Header: React.FC = () => {
  const navItems: SimpleLink[] = [
    { text: '手机', url: '#' },
    { text: '笔记本', url: '#' },
    { text: '平板', url: '#' },
    { text: '穿戴', url: '#' },
    { text: '智慧屏', url: '#' },
    { text: '耳机', url: '#' },
    { text: '配件', url: '#' },
    { text: '智能家居', url: '#' }
  ];

  return (
    <header className="header">
      <div className="container">
        <a href="#" className="logo"></a>
        <nav className="main-nav">
          {navItems.map((item, index) => (
            <a key={index} href={item.url} className="main-nav-item">{item.text}</a>
          ))}
        </nav>
      </div>
    </header>
  );
};

export default Header;